<template>
  <div class="drawer-container">
    <div class="drawer-container-body">
      <slot></slot>
    </div>
    <div class="drawer-container-bottom">
      <slot name="bottom"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "CsDrawerContainer"
}
</script>

<style lang="scss" scoped>
.drawer-container {
  height: calc(100% - 25px);
  display: flex;
  flex-direction: column;
  .drawer-container-body {
    flex: 1;
    overflow: auto;
  }
  .drawer-container-bottom{
    text-align: center;
    height: 40px;
    padding-top: 10px;
  }
}
</style>
